<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Listado</title>
        <link href="recursos/general.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            function crearComplete(xhr, status, args){
                if(args.borradoOK)
                    borradoOK.show();
                else if(args.noBorrado){
                    borradoERR.show();  
                }else if(args.annadirApadrinado){
                    nuevoApadrinado.show();
                }else if(args.errorApadrinado){
                    nuevoERR.show();
                }else if(args.proyectoRepetido){
                    proyRepetido.show();
                }else if(args.proyectoAnnadidoOK){ 
                    nuevoApadrinado.hide();
                    participarNuevo.hide();
                }else if(args.apadrinadoOK){
                     nuevoApadrinado.hide();
                }else if(args.noProyectos){
                    noProyecto.show();
                }else if(args.proyectosBien){
                    apadDialog.hide();
                }else if(args.noApadrinado){
                    noApadrinado.show();
                }else if(args.apadrinadoBien){
                    aDialog.hide();
                }else if(args.noFraccionado){
                    noPagoFraccionado.show();
                }else if(args.todoOK){
                    todoOK.show();
                    socioDialog.hide();
                }else if(args.bajaOK){
                    borrarDialog.hide();
                    bajaOk.show();
                }else if(args.noDatos){
                    noDatos.show();
                }else if(args.noCantidad){
                    noCantidad.show();
                }else if(args.noNCuenta){
                    noNCuenta.show();
                }else if(args.consultar){
                    socioDialog.hide();
                }
            }
        </script>
    </h:head>
    <h:body>
        <h:form id="form">
            <!--Declaro la variable que pasaré a los bean para reutilizar las pantallas-->
            <f:metadata>
                <f:viewParam name="nuevo" value="#{sesionBean.strVariable}"/>
            </f:metadata>
            <f:phaseListener binding="#{sesionBean.phaseListenerImpl}" type="ongd.web.PhaseListenerImpl"/>           

            <!--Nos mostrará el título de la página -->
            <h:outputText value="#{listado_Persona.titulo}" styleClass="textoTitulo"/>
            
            <!-- Tabla que contiene todos los socios o padrinos que están dados de alta en la base de datos, con tres opciones
            que permiten consultarles, modificarles y eliminarles o darles de baja-->
            <p:dataTable id="panel" value="#{listado_Persona.vctPersonas}" var="fila" paginator="true"  rows="30" 
                         paginatorPosition="bottom" style="margin-top: 10px;">
                <p:column filterBy="#{fila.dni}" filterMatchMode="contains" style="width: 10%;"> 
                    <f:facet name="header">
                        <h:outputText value="DNI"/>
                    </f:facet>
                    <h:outputText value="#{fila.dni}"/>
                </p:column>  
                <p:column filterBy="#{fila.nombre}" style="width: 15%;"> 
                    <f:facet name="header">
                        <h:outputText value="Nombre"/>
                    </f:facet>
                    <h:outputText value="#{fila.nombre}"/>
                </p:column> 
                <p:column style="width: 25%;"> 
                    <f:facet name="header">
                        <h:outputText value="Apellidos"/>
                    </f:facet>
                    <h:outputText value="#{fila.apellidos}"/> 
                </p:column>
                <p:column style="width: 10%;">
                    <f:facet name="header">
                        <h:outputText value="Fecha de Nacimiento"/>
                    </f:facet>
                    <h:outputText value="#{fila.fechaNacimiento}">
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:outputText>
                </p:column>
                <p:column  style="width: 15%;">  
                    <f:facet name="header">
                        <h:outputText value="Cantidad"/>
                    </f:facet>
                    <h:outputText value="#{fila.cantidad}">
                        <f:convertNumber pattern="0.00"/>
                    </h:outputText>
                </p:column>                
                <p:column headerText="Opciones"  style="width: 15%;">                    
                    <p:commandButton update="aaa,form:display, form:display1, form:botones" oncomplete="socioDialog.show()" action="#{listado_Persona.consultar}"  
                                     image="ui-icon ui-icon-search" title="Consultar">  
                        <f:setPropertyActionListener value="#{fila}" target="#{listado_Persona.persona}" />  
                    </p:commandButton> 
                    <p:commandButton update="aaa, form:display, form:display1, form:botones" oncomplete="socioDialog.show()" action="#{listado_Persona.editar}"  
                                     image="ui-icon ui-icon-pencil" title="Editar">  
                        <f:setPropertyActionListener value="#{fila}" target="#{listado_Persona.persona}" />  
                    </p:commandButton> 
                    <p:commandButton update="aaa, form:display, form:display1, form:botones" oncomplete="borrarDialog.show()" image="ui-icon ui-icon-closethick"
                                     title="Borrar">  
                        <f:setPropertyActionListener value="#{fila}" target="#{listado_Persona.persona}" />  
                    </p:commandButton> 
                </p:column> 
            </p:dataTable> 
            
            <p:commandButton value="Exportar" styleClass="botonGrande" style="margin-top: 10px;" onclick="exportarDialog.show();"/>
            <p:dialog widgetVar="exportarDialog" header="Exportar datos" styleClass="dialogoNormal" modal="true" resizable="false" width="180">
            <!--Panel que permite exportar el contenido de la tabla a pdf o xls -->
            <h:panelGrid columns="2">
                <h:commandLink  onclick="exportarDialog.hide();">
                    <p:graphicImage value="/imagenes/pdf.jpg" height="80px" width="60px"/>  
                    <p:dataExporter type="pdf" target="panel" fileName="Listado_Persona" excludeColumns="5"/>
                </h:commandLink>
               <h:commandLink>
                    <p:graphicImage value="/imagenes/xls.jpg" height="90px" width="90px"/>
                    <p:dataExporter type="xls" target="panel" fileName="Listado_Persona" excludeColumns="5"/>
               </h:commandLink>
            </h:panelGrid>
            </p:dialog>

            <!--Dialogo que muestra los datos del socio o padrino elegido -->
            <p:dialog id="aaa" header="Datos" widgetVar="socioDialog" resizable="false" width="650" closable="false" modal="true" styleClass="dialogoNormal">          
                <p:panel id="display" style="font-size: 80%;">  
                    <table>
                        <tr>
                            <td>
                                <h:outputText value="DNI:" styleClass="texto"/>  
                            </td>
                            <td>
                                <h:outputText id="dni" value="#{listado_Persona.persona.dni}" styleClass="texto"/> 
                            </td>
                            <td>
                                <h:outputText value="Nombre *:" styleClass="texto"/>                   
                            </td>
                            <td>
                                <p:inputText value="#{listado_Persona.persona.nombre}" styleClass="textoI" required="true" readonly="#{!listado_Persona.editar}"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Apellidos *:" styleClass="texto"/>
                            </td>
                            <td>
                                <p:inputText value="#{listado_Persona.persona.apellidos}" readonly="#{!listado_Persona.editar}" styleClass="textoI" />
                            </td>
                            <td>
                                <h:outputText value="Fecha de Nacimiento *:" styleClass="texto"/>  
                            </td>
                            <td>
                                <p:calendar showOn="button" navigator="true" maxdate="new Date()" pattern="dd/MM/yyyy"
                                            effect="slideDown" value="#{listado_Persona.persona.fechaNacimiento}"
                                            disabled="#{!listado_Persona.editar}" size="18"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Domicilio:" styleClass="texto"/>
                            </td>
                            <td colspan="3">
                                <p:inputText value="#{listado_Persona.persona.domicilio}" readonly="#{!listado_Persona.editar}" styleClass="textoI"
                                             style="width: 440px !important;"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Telefono:" styleClass="texto"/> 
                            </td>
                            <td>
                                <p:inputText value="#{listado_Persona.persona.telefono}" readonly="#{!listado_Persona.editar}" styleClass="textoI"/> 
                            </td>
                            <td colspan="2">
                                <h:outputText value="Email:" styleClass="texto"/>                            
                                <p:inputText value="#{listado_Persona.persona.email}" readonly="#{!listado_Persona.editar}" styleClass="textoI"
                                             style="width: 245px !important; margin-left: 10px;"/> 
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Domiciliacion:" styleClass="texto"/>
                            </td>
                            <td>
                                <h:selectBooleanCheckbox value="#{listado_Persona.persona.domiciliacion}" readonly="#{!listado_Persona.editar}" />  
                            </td>
                            <td>
                                <h:outputText value="Número de Cuenta:" styleClass="texto"/>
                            </td>
                            <td>
                                <p:inputText value="#{listado_Persona.persona.NCuenta}" readonly="#{!listado_Persona.editar}" styleClass="textoI"/> 
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Cantidad *:" styleClass="texto"/>
                            </td>
                            <td>
                                <p:inputText value="#{listado_Persona.persona.cantidad}" readonly="#{!listado_Persona.editar}" styleClass="textoI">
                                    <f:convertNumber pattern="0.00"/>
                                </p:inputText>
                            </td>
                            <td>
                                <h:outputText value="Fecha de Registro:" styleClass="texto"/>
                            </td>
                            <td>
                                <h:outputText value="#{listado_Persona.persona.fechaRegistro}" style="color:black" styleClass="texto2">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText> 
                            </td>
                        </tr>
                    </table>
                </p:panel>    
                <p:panel>
                    <table>
                        <tr>
                            <td rowspan="2">
                                <!--Tabla que muestra el tipo de pago que se ha elegido con opciones de modificación y borrado -->
                                <p:dataTable id="display1" value="#{listado_Persona.listaFraccionado}" var="fraccionado"
                                             paginator="true"  rows="2" paginatorPosition="bottom" style="width: 310px; font-size: 80%;"> 
                                    <f:facet name="header">
                                        Tipo Pago
                                    </f:facet>
                                    <p:column headerText="Mes">                     
                                        #{fraccionado.mes}
                                    </p:column> 
                                    <p:column>  
                                        <f:facet name="header">  
                                            Opciones 
                                            <p:commandButton update="form:display, botones" oncomplete="tipoDialog.show()" image="ui-icon ui-icon-plusthick"
                                                             action="#{listado_Persona.annadirF}" disabled="#{!listado_Persona.editar}" title="Añadir Nuevo"/>
                                        </f:facet>                       
                                        <p:commandButton update="form:display1, botones" oncomplete="tipoDialog.show()" image="ui-icon ui-icon-pencil" 
                                                         action="#{listado_Persona.editarF}" disabled="#{!listado_Persona.editar}" title="Editar">  
                                            <f:setPropertyActionListener value="#{fraccionado}" target="#{listado_Persona.fraccionado}" />  
                                        </p:commandButton> 
                                        <p:commandButton update="form:display1, botones" image="ui-icon ui-icon-closethick" action="#{listado_Persona.borrarFraccionado}"
                                                         disabled="#{!listado_Persona.editar}" title="Borrar">  
                                            <f:setPropertyActionListener value="#{fraccionado}" target="#{listado_Persona.fraccionado}" />  
                                        </p:commandButton> 
                                    </p:column> 
                                </p:dataTable> 
                            </td>
                            <td>
                                <p:commandButton value="Apadrinamientos" rendered="#{listado_Persona.apadrinamiento}" oncomplete="apadDialog.show()" update="tablaP, boton, botonA"
                                                 styleClass="botonNormal" style="margin-left: 80px;font-weight: bold;"/>
                            </td>
                        </tr>
                        <tr>                            
                            <td>
                                <p:commandButton value="Aceptar" action="#{listado_Persona.aceptar}" oncomplete="crearComplete(xhr, status, args);" update="panel"
                                                 styleClass="botonGrande" style="margin-left: 100px;"/>
                            </td>
                        </tr>
                    </table>                    
                </p:panel>
            </p:dialog>

            <!--Dialogo que permitirá modificar el tipo de pago -->
            <p:dialog id="tipoDialog" header="Tipo de Pago" widgetVar="tipoDialog" resizable="false"  
                      width="400" height="100" modal="true" closable="false" styleClass="dialogoNormal">  
                <h:outputText value="Mes" style="margin-right: 20px;" styleClass="texto"/>  
                <h:selectOneMenu value="#{listado_Persona.mes}">
                    <f:selectItem itemValue ="Enero"/>
                    <f:selectItem itemValue="Febrero"/>
                    <f:selectItem itemValue="Marzo"/>
                    <f:selectItem itemValue="Abril"/>
                    <f:selectItem itemValue="Mayo"/>
                    <f:selectItem itemValue="Junio"/>
                    <f:selectItem itemValue="Julio"/>
                    <f:selectItem itemValue="Agosto"/>
                    <f:selectItem itemValue="Septiembre"/>
                    <f:selectItem itemValue="Octubre"/>
                    <f:selectItem itemValue="Noviembre"/>
                    <f:selectItem itemValue="Diciembre"/>
                </h:selectOneMenu>                
                <p:commandButton value="Aceptar" action="#{listado_Persona.editarFraccionado}" oncomplete="tipoDialog.hide();" update="form:display1" 
                                 style="height: 40px; width: 80px; margin-left: 20px;" styleClass="botonNormal"/>
            </p:dialog>

            <!--Dialogo que muestra los proyectos en los que participa el padrino -->
            <p:dialog id="apadDialog" header="Participación en proyectos" widgetVar="apadDialog" resizable="false"  
                      width="500" modal="true" styleClass="dialogoNormal"> 
                <p:dataTable style="font-size: 80%;" id="tablaP" value="#{listado_Persona.proyectosPadrino}" var="proyecto" emptyMessage="No colabora en ningún proyecto">                    
                    <f:facet name="header">
                        Proyectos en los que colabora
                    </f:facet>
                    <p:column headerText="Nombre">
                        #{proyecto.nombre}
                    </p:column>
                    <p:column headerText="Opciones">
                        <p:commandButton update="tablaP, form:tablaA, form:botonA, form:apadrinadoTable" image="ui-icon ui-icon-person" 
                                         disabled="#{proyecto.tipo=='AG'}" action="#{listado_Persona.obtenerApadrinados}"
                                         oncomplete="aDialog.show();" title="Apadrinados">
                            <f:setPropertyActionListener value="#{proyecto}" target="#{listado_Persona.proyecto}" /> 
                        </p:commandButton>
                        <p:commandButton update="tablaP" image="ui-icon ui-icon-closethick" onclick="dejarParticipar.show()" 
                                         disabled="#{!listado_Persona.editar}" title="Dejar de Participar">
                            <f:setPropertyActionListener value="#{proyecto}" target="#{listado_Persona.proyecto}" /> 
                        </p:commandButton>
                    </p:column>                                       
                </p:dataTable> 
                <h:panelGrid columns="2">
                    <p:commandButton id="boton" value="Colaborar" oncomplete="participarNuevo.show();" disabled="#{!listado_Persona.editar}"
                                     styleClass="botonNormal"/> 
                    <p:commandButton value="Aceptar" action="#{listado_Persona.aceptarListaProyectos}" oncomplete="crearComplete(xhr, status, args);"
                                     styleClass="botonNormal"/>  
                </h:panelGrid>
            </p:dialog>

            <!--Dialogo que muestra los apadrinados del padrino de un proyecto determinado -->
            <p:dialog header="Apadrinados" widgetVar="aDialog" resizable="false" modal="true" styleClass="dialogoNormal">
                <p:dataTable style="font-size: 80%;" id="tablaA" value="#{listado_Persona.apadrinadoProyectoPadrino}" var="apadrinado" emptyMessage="No hay ningún apadrinado asociado">                    
                    <p:column headerText="Nombre">
                        #{apadrinado.nombre}
                    </p:column>
                    <p:column headerText="Apellidos">
                        #{apadrinado.apellidos}
                    </p:column>
                    <p:column headerText="Opciones">
                        <p:commandButton update="form:tablaA" image="ui-icon ui-icon-closethick" disabled="#{!listado_Persona.editar}"
                                         action="#{listado_Persona.quitarApadrinado}" title="Dejar de Apadrinar">
                            <f:setPropertyActionListener value="#{apadrinado}" target="#{listado_Persona.apadrinado}" /> 
                        </p:commandButton>
                    </p:column>
                </p:dataTable>
                <p:commandButton id="botonA" value="Nuevo" action="#{listado_Persona.nuevoApadrinado}" styleClass="botonNormal"
                                 oncomplete="nuevoApadrinado.show();" disabled="#{!listado_Persona.editar}"  update="nuevoApadrinado, form:apadrinadoTable"/>
                <p:commandButton value="Aceptar" action="#{listado_Persona.aceptarListaApadrinados}" oncomplete="crearComplete(xhr, status, args);"
                                 styleClass="botonNormal"/>
            </p:dialog> 

            <!--Dialogo de confirmación que pregunta si deseas que un padrino deje de participar en un proyecto -->
            <p:confirmDialog message="¿Desea que el padrino deje de participar en este proyecto?" header="confirmacion" 
                             severity="alert" widgetVar="dejarParticipar" closable="false" modal="true" styleClass="dialogoNormal">  
                <p:commandButton value="Aceptar" onclick="dejarParticipar.hide()" actionListener="#{listado_Persona.quitarProyecto}" update="tablaP"
                                 styleClass="botonNormal"/>  
                <p:commandButton value="Cancelar" onclick="dejarParticipar.hide()" type="button" styleClass="botonNormal"/>
            </p:confirmDialog>            

            <!--Dialogo que muestra un desplegable con los nombres de los proyectos disponibles para participar en ellos -->
            <p:dialog header="Añadir participación en proyecto" widgetVar="participarNuevo" resizable="false" modal="true">  
                <h:outputText value="Elija el nombre del proyecto en el que desea participar:" styleClass="texto2"/>  
                <h:selectOneMenu value="#{listado_Persona.proyectoNombre}" styleClass="texto2">                    
                    <f:selectItems value="#{listado_Persona.availableP}"/>                      
                </h:selectOneMenu>
                <p:commandButton value="Aceptar" action="#{listado_Persona.aceptarProyecto}" update="tablaP, apadrinadoTable, tablaA, apadrinadotable" 
                                 oncomplete="crearComplete(xhr, status, args);" styleClass="botonNormal"/>                
            </p:dialog> 

            <!--Dialogo que se mostrará si el proyecto elegido es de apadrinamiento personal, mostrará una tabla para elegir al apadriando 
            que queremos asociar al padrino-->
            <p:dialog widgetVar="nuevoApadrinado" header="Nuevo Apadrinado" width="500" height="300" resizable="false" closable="false" modal="true"
                      styleClass="dialogoNormal">
                <p:dataTable id="apadrinadoTable" value="#{listado_Persona.apadrinadoD}"  var="apadrinado" paginator="true" rows="5" paginatorPosition="bottom"
                             selection="#{listado_Persona.apadrinado}">
                    <p:column selectionMode="single"/>
                    <p:column headerText="Nombre">
                        #{apadrinado.nombre}
                    </p:column>
                    <p:column headerText="Apellidos">
                        #{apadrinado.apellidos}
                    </p:column>
                </p:dataTable>
                <p:commandButton value="Aceptar" action="#{listado_Persona.aceptarApadrinado}" update="tablaP, tablaA" 
                                 styleClass="botonNormal" oncomplete="crearComplete(xhr, status, args);"/>                 
                <p:commandButton value="Cancelar" oncomplete="nuevoApadrinado.hide();" styleClass="botonNormal"/>
            </p:dialog>

            <!--Dialogo que nos indica que no hemos seleccionado un apadrinado -->
            <p:confirmDialog message="Debe seleccionar un apadrinado." severity="info" widgetVar="nuevoERR" modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo que nos indica que el proyecto seleccionado ya esta siendo apadrinado -->
            <p:confirmDialog message="El proyecto seleccionado ya está siendo apadrinado por el padrino" severity="info" widgetVar="proyRepetido" 
                             modal="true" styleClass="dialogoGrande"/>

            <!-- Dialogo que nos indica que tenemos que seleccionar un proyecto ya que el padrino tiene que estar relacionado al menos con un proyecto -->
            <p:confirmDialog message="Debe seleccionar al menos un proyecto en el que participe el padrino" severity="info" widgetVar="noProyecto" 
                             modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo que nos indica que tenemos que seleccionar un apadrinado-->
            <p:confirmDialog message="Debe seleccionar al menos un apadrinado para este proyecto" severity="info" widgetVar="noApadrinado" modal="true"
                             styleClass="dialogoGrande"/>

            <!--Dialogo que nos indica que si no hay elegido ningún tipo de pago fraccionado, deberemos de elegirle -->
            <p:confirmDialog message="Debe seleccionar al menos un tipo de pago" severity="info" widgetVar="noPagoFraccionado" modal="true"
                             styleClass="dialogoGrande"/>

            <!--Dialogo que nos indica que el padrino o socio se ha dado de baja correctamente -->
            <p:confirmDialog message="La baja se ha realizado con exito" severity="info" widgetVar="bajaOk" modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo que nos indica que faltan datos por rellenar -->
            <p:confirmDialog message="Debe rellenar todos los campos obligatorios" severity="info" widgetVar="noDatos" modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo que nos indica que la cantidad no puede ser cero -->
            <p:confirmDialog message="La cantidad no puede ser 0." severity="info" widgetVar="noCantidad" modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo que nos indica que hay que rellenar el número de cuenta -->
            <p:confirmDialog message="Debe rellenar el número de cuenta." severity="info" widgetVar="noNCuenta" modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo que nos indica la modificación se ha realizado correctamente -->
            <p:confirmDialog message="La modificación se ha realizado correctamente." severity="info" widgetVar="todoOK" modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo muestra las opciones de borrado -->
            <p:dialog id="borrarDialog" header="Borrar" widgetVar="borrarDialog" resizable="false" width="400" height="130" modal="true"
                      styleClass="dialogoNormal">  
                <h:outputText value="Seleccione la opción deseada" styleClass="texto2" />
                <h:panelGrid columns="2" cellpadding="4"> 
                    <p:commandButton value="Borrar Registro" onclick="confirmacion.show()" styleClass="botonGrande"/>
                    <p:commandButton value="Dar de Baja" action="#{listado_Persona.darBajaPersona}" oncomplete="crearComplete(xhr, status, args)"  
                                     update="form:panel" styleClass="botonGrande"/>
                </h:panelGrid>
            </p:dialog>            

            <!--Dialogo de confirmación de borrado -->
            <p:confirmDialog message="¿Esta usted seguro?" header="confirmacion" severity="alert" widgetVar="confirmacion" modal="true" closable="false"
                             styleClass="dialogoNormal">  
                <p:commandButton value="Aceptar" onclick="confirmacion.hide()" oncomplete="crearComplete(xhr, status, args)" 
                                 actionListener="#{listado_Persona.borrarPersona}" styleClass="botonNormal" />  
                <p:commandButton value="Cancelar" onclick="confirmacion.hide()" type="button" oncomplete="borrarDialog.hide();" styleClass="botonNormal"/>
            </p:confirmDialog>

            <!--Dialogo que informa del borrado correcto -->
            <p:confirmDialog message="El registro se ha borrado correctamente." severity="info" widgetVar="borradoOK" modal="true" styleClass="dialogoGrande">
                <p:commandButton value="Aceptar" onclick="msgOK.hide();" oncomplete="borrarDialog.hide();" update="form:panel" styleClass="botonGrande"/>
            </p:confirmDialog>

            <!--Método que indica que el socio o padrino no ha sido posible borrarle -->
            <p:confirmDialog message="Existen cuotas abonadas, no se puede borrar el registro de la base de datos." severity="info" 
                             widgetVar="borradoERR" modal="true" styleClass="dialogoGrande"/>                           
        </h:form>       
    </h:body>
</html>